<template>
    <view class="company-box">
    
        <view class="kf" @click="tel">
            <u-icon name="phone" size="20" color="#427AF5"></u-icon>
            <text>联系客服</text>
        </view>
        <view class="message">
            <view v-if="isWechat=='mp-weixin'"> 小程序备案号 粤ICP备20231537号-3X </view>
            <view v-else> APP备案号 粤ICP备2023153740号-5A </view>
        </view>
        <view class="name">
            广州创达捷科技优先公司 版权所有
        </view>
    </view>
</template>

<script>
    export default {
        name: "company-message",
        data() {
            return {
                isWechat: uni.getSystemInfoSync().uniPlatform,
            };
        },
        methods: {
            tel() {
                uni.makePhoneCall({
                    phoneNumber: '020-85163477'
                });
            }
        }

    }
</script>

<style scoped lang="scss">
    .company-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .name {
            font-size: 26rpx;
            margin-bottom: 26rpx;
            color: #999;
        }

        .kf {
            margin-top: 10rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 16rpx;
            height: 46rpx;
            font-size: 26rpx;
            box-sizing: border-box;
            border: 1px solid #427AF5;
            border-radius: 48rpx;
            margin-bottom: 28rpx;
            color: #427AF5;
            text {
                margin-left: 10rpx;
            }
        }

        .message {
            font-size: 26rpx;
            color: #427AF5;
            margin: -10rpx 0 10rpx 0;
        }
    }
</style>